*{
    margin: 0;
    padding: 0;
}
body {
    background-image: url('../img/module13.png');
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;

    padding: 0;
}
.content-top{

    width: 1140px;
    height: 126px;
    margin-left: 68px;
    margin-right: 70px;
    margin-top: 136px;
    /*background: darkorange;*/
}

.article-one{
    width: 205px;
    float: left;
    height: 152px;
    background-image:url("../img/unselected.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.article-one img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-two{
    width: 205px;
    float: left;
    height: 152px;
    background-image:url("../img/unselected.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -18px;
    position: relative;
}
.article-two img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-three{
    width: 205px;
    float: left;
    height: 152px;
    background-image:url("../img/unselected.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left:-18px;
    position: relative;
}
.article-three img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-four{
    width: 205px;
    float: left;
    height: 152px;
    background-image:url("../img/unselected.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left:-18px;
    position: relative;
}
.article-four img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-five{
    width: 205px;
    float: left;
    height: 152px;
    background-image:url("../img/unselected.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left:-18px;
    position: relative;
}
.article-five img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-six{
    width: 205px;
    float: left;
    height: 152px;
    background-image:url("../img/unselected.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left:-18px;
    position: relative;
}
.article-six img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.heard{
    width: 300px;
    height: 80px;
    /*background: rebeccapurple;*/
    float: right;
    overflow: hidden;
    margin-top: -105px;
    margin-right: 80px;
}
.time{
    width: 230px;
    height: 80px;
    float: left;
    color: #feffff;
    font-size: 30px;
}
.time1{
    margin-left: 145px;
}
.heard .weather{
    width: 63px;
    height: 63px;
    float: right;
    margin-top: 10px;
    background-image: url("../img/weather.png");
    background-repeat: no-repeat;


}
.content-bottom{
    width: 1140px;
    height: 335px;
    margin-left: 80px;
    margin-right: 60px;
    margin-bottom: 86px;
    /*margin-top: 10px;*/
    /*background: darkorange;*/
    overflow: hidden;
}
.vedio{
    float: left;
    width: 554px;
    height: 335px;
    background-image: url("../img/module12.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 10px;
}
.content-right{
    width:600px ;
    height: 335px;
    float: right;
    /*background:royalblue;*/
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -15px;
}
.article-seven{
    width: 289px;
    float: left;
    height: 178px;
    background-image:url("../img/unselected1.png") ;
    /*background: red;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-left: 15px;
    margin-top:-2px;
}
.article-seven img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-eight{
    width: 289px;
    float: right;
    height: 178px;
    background-image:url("../img/unselected1.png") ;
    /*background: chartreuse;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-right:6px;
    margin-top:-2px;
}
.article-eight img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-nine{
    width: 289px;
    float: left;
    height: 178px;
    background-image:url("../img/unselected1.png") ;
    /*background: chartreuse;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-left: 15px;
    margin-top:-15px;
}
.article-nine img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.article-ten{
    width: 289px;
    float: right;
    height: 178px;
    background-image:url("../img/unselected1.png") ;
    /*background: chartreuse;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-right: 6px;
    margin-top:-15px;
}
.article-ten img{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
.news{
    /*background: red;*/
    position: relative;
    margin-left: 120px;
    color: #feffff;
    font-size: 22px;
    margin-top: -60px;
}